<!--
 * @Author: your name
 * @Date: 2021-08-12 16:02:23
 * @LastEditTime: 2021-08-17 17:52:22
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \网页\index.html
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网易严选</title>
</head>
<link rel="stylesheet" href="./css/index.css">
<link rel="stylesheet" href="http://at.alicdn.com/t/font_2745766_o9f4r4asrq.css">

<body>
    <!-- 头部导航栏 -->
    <div class="head1">
        <div class="content ">
            <div class="head1_l">
                <i class="iconfont icon-laba" style="float: left; padding-right: 6px;"></i>
                <div style="float: left; text-decoration: underline;">因事件（疫情、特大暴雨）影响，部分地区无法配送公告</div>
            </div>
            <div class="head1_r">
                <ul>
                    <li>
                        <a href="#">登录/注册</a>
                        <i class="iconfont icon-vertical_line"></i>

                    </li>
                    <li>
                        <a href="#">我的订单</a>
                        <i class="iconfont icon-vertical_line"></i>
                    </li>
                    <li>
                        <a href="#">会员</a>
                        <i class="iconfont icon-vertical_line"></i>
                    </li>

                    <li>
                        <a href="#">甄选家</a><i class="iconfont icon-vertical_line"></i></li>

                    <li>
                        <a href="#">企业采购</a>
                        <i class="iconfont icon-xiangxia"></i> <i class="iconfont icon-vertical_line" style=""></i>
                    </li>
                    <li>
                        <a href="#">客户服务</a>
                        <i class="iconfont icon-xiangxia"></i> <i class="iconfont icon-vertical_line"></i>
                    </li>
                    <li>
                        <i class="iconfont icon-44"></i>
                        <a href="#">APP</a>


                    </li>
                </ul>


            </div>
        </div>

    </div>
    <!-- 头部搜索栏 -->
    <div class="head2">
        <div class="content">
            <div class="head2_top">
                <div class="logo"><img src="./img/logo.PNG" width="100%" height="100%" alt=""></div>
                <div class="head2_top_right">
                    <div class="select">
                        <div class="s_icon"> <i class="iconfont icon-sousuo"></i></div>
                        <div class="select_t"><input type="text"></div>
                        <div class="button">搜索</div>

                    </div>
                    <div class="shopcar">
                        <i class="iconfont icon-gouwuchekong"></i> 购物车<i class="iconfont icon-0" style="color: red;"></i>

                    </div>



                </div>

            </div>
            <div class="head2_bottom">
                <ul>
                    <li><a href="#">首页</a>

                    </li>
                    <li><a href="#">居家生活</a>
                        <div class="second">
                            <ul>
                                <li>模块一</li>
                                <li>模块二</li>
                                <li>模块三</li>

                            </ul>
                        </div>
                    </li>
                    <li><a href="#">服饰鞋包</a>
                        <div class="second">
                            <ul>
                                <li>模块一</li>
                                <li>模块二</li>
                                <li>模块三</li>

                            </ul>
                        </div>
                    </li>
                    <li><a href="#">美食酒水</a>
                        <div class="second">
                            <ul>
                                <li>模块一</li>
                                <li>模块二</li>
                                <li>模块三</li>

                            </ul>
                        </div>
                    </li>
                    <li><a href="#">个护清洁</a>
                        <div class="second">
                            <ul>
                                <li>模块一</li>
                                <li>模块二</li>
                                <li>模块三</li>

                            </ul>
                        </div>
                    </li>
                    <li><a href="#">母婴亲子</a>
                        <div class="second">
                            <ul>
                                <li>模块一</li>
                                <li>模块二</li>
                                <li>模块三</li>

                            </ul>
                        </div>
                    </li>
                    <li><a href="#">运动旅行</a>
                        <div class="second">
                            <ul>
                                <li>模块一</li>
                                <li>模块二</li>
                                <li>模块三</li>

                            </ul>
                        </div>
                    </li>
                    <li><a href="#">数码家电</a>
                        <div class="second">
                            <ul>
                                <li>模块一</li>
                                <li>模块二</li>
                                <li>模块三</li>

                            </ul>
                        </div>
                    </li>
                    <li><a href="#">严选全球</a>
                        <div class="second">
                            <ul>
                                <li>模块一</li>
                                <li>模块二</li>
                                <li>模块三</li>

                            </ul>
                        </div>
                    </li>
                    <li><a href="#">为你严选</a>

                    </li>
                    <li><a href="#">众筹</a>

                    </li>
                </ul>
            </div>

        </div>

    </div>
    <!-- 图片 -->
    <div class="big_img">
        <img src="./img/big.webp" width="100%" height="100%" alt="">

    </div>
    <!-- 新品首发 -->
    <div class="new ">
        <div class="content">
            <div class="new_title">
                <div class="shoufa" style="float: left;">
                    <h3>新品首发</h3>
                </div>
                <div class="tuijie">
                    <div style="float: left; margin-left: 20px;">为你寻觅世间好物</div>
                    <div style="float: right;">更多新品></div>
                </div>

            </div>
            <div class="new_img">
                <ul>
                    <li>
                        <div class="n_t"><img src="./img/2.1.webp" alt=""></div>
                        <div class='n_text'>
                            <div><span>特价</span> <span>99选9</span></div>
                            <div><a href="#">可以吃的“冻干酥脆咖啡”，咖啡饼干 340克</a></div>
                            <div class="price" style="color: #e3684e; ">
                                ¥13.9
                                <h7 style="color: #bbbab8; text-decoration: line-through;">¥13.9</h7>
                            </div>

                        </div>
                    </li>
                    <li>
                        <div class="n_t"><img src="./img/2.2.webp" alt=""></div>
                        <div class='n_text'>
                            <div><span>特价</span> </div>
                            <div><a href="#">蜂蜜般流心，大颗土耳其杏肉</a></div>
                            <div class="price" style="color: #e3684e; ">
                                ¥16.9
                                <h7 style="color: #bbbab8; text-decoration: line-through;">¥19</h7>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="n_t"><img src="./img/2.3.webp" alt=""></div>
                        <div class='n_text'>
                            <div style="height: 20px;"></div>
                            <div><a href="#">日本制造 隅田川意式手冲特浓挂耳咖啡</a></div>
                            <div class="price" style="color: #e3684e; ">
                                ¥33.9

                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="n_t"><img src="./img/2.4.webp" alt=""></div>
                        <div class='n_text'>
                            <div><span>新品尝鲜价</span></div>
                            <div><a href="#">窈窕身姿，纤纤如燕膏 120克（10克*12袋）</a></div>
                            <div class="price" style="color: #e3684e; ">
                                ¥105
                                <h7 style="color: #bbbab8; text-decoration: line-through;">¥139</h7>
                            </div>
                        </div>
                    </li>
                </ul>

            </div>
        </div>

    </div>
    <!-- 热销榜 -->
    <div class="hot_outer">
        <ul class="hot_goods">
            <li>- 热销榜 -</li>
            <li><img src="" alt=""><span>全站<br>热销榜</span></li>
            <li><img src="../img/1居家生活.webp" alt=""><span>居家<br>生活榜</span></li>
            <li><img src="../img/1服饰鞋包.webp" alt=""><span>服饰<br>鞋包榜</span></li>
            <li><img src="../img/1美食酒水.webp" alt=""><span>美食<br>酒水榜</span></li>
            <li><img src="../img/1数码家电.webp" alt=""><span>数码<br>家电榜</span></li>
            <li><img src="../img/1个护清洁.webp" alt=""><span>个护<br>清洁榜</span></li>
            <li><img src="../img/1运动旅行.webp" alt=""><span>运动<br>旅行榜</span></li>
            <li><img src="../img/1母婴亲子.webp" alt=""><span>母婴<br>亲子榜</span></li>
            <li><img src="../img/1全球特色.webp" alt=""><span>全球<br>特色榜</span></li>
        </ul>
    </div>
    <!-- 热销榜结束 -->
    <!-- 人气推荐 -->
    <div class="popular">
        <div class="content">
            <div class="pop_title">
                <div class="pop">
                    <h3>人气推荐</h3>
                </div>
                <div class='pop_2'><a>编辑推荐</a></div>
                <div class="pop_2"><a>热销总榜</a></div>
                <div class="pop_more"><a>更多推荐></a></div>
            </div>
            <div class="pop_img">
                <div class="pop_left" style="float: left;">
                    <div class="left_top">
                        <img src="./img/3.1.webp" width="100%" height="100%" alt="">
                    </div>

                    <div class='left_bottom'>
                        <div style="margin: 20px auto;"><span>每日抄底</span>
                            <div class="bottom_2"><a href="#">口袋里的咖啡馆 浓缩胶囊咖啡液 微糖1袋 </a></div>
                            <div class="price" style="color: #df6467; ">
                                ¥17.9
                                <h7 style="color: #bbbab8; text-decoration: line-through;">¥21.8</h7>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="pop_right">
                    <ul>
                        <li>
                            <div class="right_top"><img src="./img/3.2.webp" alt=""></div>
                            <div class="right_bottom">
                                <div style="margin-top: 10px;"><span>99选9</span></div>
                                <div style="font-size: 13px; font-weight: bold; margin-top: 10px;">红杏干 180克</div>
                                <div class="price" style="color: #df6467; font-size: 13px;">
                                    ¥20
                                </div>
                        </li>
                        <li>
                            <div class="right_top"><img src="./img/3.3.webp" alt=""></div>
                            <div class="right_bottom">
                                <div style="margin-top: 10px;"><span>99选9</span></div>
                                <div style="font-size: 13px; font-weight: bold; margin-top: 10px;">惊喜藏在蛋黄里，翻砂卤蛋 245克</div>
                                <div class="price" style="color: #df6467; font-size: 13px;">
                                    ¥18
                                </div>
                        </li>
                        <li>
                            <div class="right_top"><img src="./img/3.4.webp" alt=""></div>
                            <div class="right_bottom">
                                <div style="margin-top: 10px;"><span>每日抄底</span></div>
                                <div style="font-size: 13px; font-weight: bold; margin-top: 10px;">清新英国梨香 强力去污酵素洗衣液3kg/1kg</div>
                                <div class="price" style="color: #df6467; font-size: 13px;">
                                    ¥27.5
                                    <h7 style="color: #bbbab8; text-decoration: line-through;">¥35</h7>
                                </div>
                        </li>
                        <li>
                            <div class="right_top"><img src="./img/3.5.webp" alt=""></div>
                            <div class="right_bottom">
                                <div style="margin-top: 10px;"><span>每日抄底</span></div>
                                <div style="font-size: 13px; font-weight: bold; margin-top: 10px;">婴儿级棉柔呵护 Airfree超薄卫生巾日用夜用</div>
                                <div class="price" style="color: #df6467; font-size: 13px;">
                                    ¥7.9
                                    <h7 style="color: #bbbab8; text-decoration: line-through;">¥9.9</h7>
                                </div>
                        </li>
                        <li>
                            <div class="right_top"><img src="./img/3.6.webp" alt=""></div>
                            <div class="right_bottom">
                                <div style="margin-top: 10px;"><span>2件4折</span></div>
                                <div style="font-size: 13px; font-weight: bold; margin-top: 10px;">女式咖啡碳保暖内衣2.0</div>
                                <div class="price" style="color: #df6467; font-size: 13px;">
                                    ¥169
                                </div>
                        </li>
                        <li>
                            <div class="right_top"><img src="./img/3.7.webp" alt=""></div>
                            <div class="right_bottom">
                                <div style="margin-top: 10px;"><span>奥莱特卖</span></div>
                                <div style="font-size: 13px; font-weight: bold; margin-top: 10px;">添加茂金属更强韧，金属色垃圾袋</div>
                                <div class="price" style="color: #df6467; font-size: 13px;">
                                    ¥7.9
                                    <h7 style="color: #bbbab8; text-decoration: line-through;">¥9.9</h7>
                                </div>
                        </li>
                    </ul>
                    </div>
                    </div>

                    </div>
                    </div>
                    <!-- 居家生活 -->
                    <div class="life">
                        <div class="content">
                            <div class="l_title">
                                <div class="l_t_left">
                                    <a href="#">
                                        <h3>居家生活</h3>
                                    </a>
                                </div>
                                <div class="l_t_right">
                                    <a href="#">收纳家饰</a> /
                                    <a href="#">好物精选</a> /
                                    <a href="#">疫情防控</a> /
                                    <a href="#">北欧原木</a> /
                                    <a href="#">家庭医疗</a> /
                                    <a href="#">餐厨爆款清单</a> /
                                    <a href="#">厨房电器</a>
                                    <a href="#" style="margin-left: 30px;">查看更多></a>
                                </div>
                            </div>
                            <div class="l_img">
                                <div class="l_img_top">
                                    <img src="./img/4.1.webp" alt="">
                                </div>
                                <div class="l_img_bottom">
                                    <ul>
                                        <li>
                                            <div class="l_i_b_img"><img src="./img/4.2.webp" alt="">
                                                <div class='n_text'>
                                                    <div><span>特价</span> </div>
                                                    <div><a href="#">AB面乳胶独立弹簧床垫 升级款</a></div>
                                                    <div class="price" style="color: #e3684e; ">
                                                        ¥1699
                                                        <h7 style="color: #bbbab8; text-decoration: line-through;">¥2199</h7>
                                                    </div>

                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="l_i_b_img"><img src="./img/4.3.webp" alt="">
                                                <div class='n_text'>
                                                    <div><span>特价</span> </div>
                                                    <div><a href="#">便携大容量运动水杯 吸管款单手畅饮</a></div>
                                                    <div class="price" style="color: #e3684e; ">
                                                        ¥49
                                                        <h7 style="color: #bbbab8; text-decoration: line-through;">¥59</h7>
                                                    </div>

                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="l_i_b_img"><img src="./img/4.4.webp" alt="">
                                                <div class='n_text'>
                                                    <div><span>奥莱特买</span> <span>两件减十</span></div>
                                                    <div><a href="#">桦木龙骨柄中华厨刀套装</a></div>
                                                    <div class="price" style="color: #e3684e; ">
                                                        ¥219
                                                        <h7 style="color: #bbbab8; text-decoration: line-through;">¥359</h7>
                                                    </div>

                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="l_i_b_img"><img src="./img/4.5.webp" alt="">
                                                <div class='n_text'>
                                                    <div><span>特价</span></div>
                                                    <div><a href="#">尊享26°C自然清凉，奢华头层牛皮席</a></div>
                                                    <div class="price" style="color: #e3684e; ">
                                                        ¥1699
                                                        <h7 style="color: #bbbab8; text-decoration: line-through;">¥2199</h7>
                                                    </div>

                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>

                            </div>

                        </div>
                    </div>

                    <!-- 服饰鞋包 -->
                    <div class="life">
                        <div class="content">
                            <div class="l_title">
                                <div class="l_t_left">
                                    <a href="#">
                                        <h3>服饰鞋包</h3>
                                    </a>
                                </div>
                                <div class="l_t_right">
                                    <a href="#">好物清单</a> /
                                    <a href="#">男士衬衫</a> /
                                    <a href="#">男装</a> /
                                    <a href="#">男士外套</a> /
                                    <a href="#">新疆棉</a> /
                                    <a href="#">针织物爆款清单</a> /
                                    <a href="#">凉感清单</a>
                                    <a href="#" style="margin-left: 30px;">查看更多></a>
                                </div>
                            </div>
                            <div class="l_img">
                                <div class="l_img_top">
                                    <img src="./img/5.1.webp" alt="">
                                </div>
                                <div class="l_img_bottom">
                                    <ul>
                                        <li>
                                            <div class="l_i_b_img"><img src="./img/4.2.webp" alt="">
                                                <div class='n_text'>
                                                    <div><span>特价</span> </div>
                                                    <div><a href="#">AB面乳胶独立弹簧床垫 升级款</a></div>
                                                    <div class="price" style="color: #e3684e; ">
                                                        ¥1699
                                                        <h7 style="color: #bbbab8; text-decoration: line-through;">¥2199</h7>
                                                    </div>

                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="l_i_b_img"><img src="./img/4.3.webp" alt="">
                                                <div class='n_text'>
                                                    <div><span>特价</span> </div>
                                                    <div><a href="#">便携大容量运动水杯 吸管款单手畅饮</a></div>
                                                    <div class="price" style="color: #e3684e; ">
                                                        ¥49
                                                        <h7 style="color: #bbbab8; text-decoration: line-through;">¥59</h7>
                                                    </div>

                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="l_i_b_img"><img src="./img/4.4.webp" alt="">
                                                <div class='n_text'>
                                                    <div><span>奥莱特买</span> <span>两件减十</span></div>
                                                    <div><a href="#">桦木龙骨柄中华厨刀套装</a></div>
                                                    <div class="price" style="color: #e3684e; ">
                                                        ¥219
                                                        <h7 style="color: #bbbab8; text-decoration: line-through;">¥359</h7>
                                                    </div>

                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="l_i_b_img"><img src="./img/4.5.webp" alt="">
                                                <div class='n_text'>
                                                    <div><span>特价</span></div>
                                                    <div><a href="#">尊享26°C自然清凉，奢华头层牛皮席</a></div>
                                                    <div class="price" style="color: #e3684e; ">
                                                        ¥1699
                                                        <h7 style="color: #bbbab8; text-decoration: line-through;">¥2199</h7>
                                                    </div>

                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>

                            </div>

                        </div>
                    </div>
                    <!-- 甄选家 -->
                    <div class="zxuan">
                        <div class="content">
                            <div class="zx_title">
                                <div>
                                    <h3>甄选家</h3>
                                </div>
                                <div>我们在寻找，对生活有态度的你
                                </div>
                            </div>
                            <div class="zx_img">
                                <div class="zx_left">
                                    <img src="./img/6.1.webp" alt="">
                                </div>
                                <div class="zx_right">
                                    <div> <img src="./img/6.2.webp" alt=""></div>
                                    <div><img src="./img/6.3.webp" alt=""></div>
                                </div>
                            </div>

                        </div>
                    </div>
                    <!-- 大家都在说 -->
                    <div class="allsay">
                        <div class="content">
                            <div class="zx_title">
                                <div>
                                    <h3>大家都在说</h3>
                                </div>
                                <div>生活没有统一标准
                                </div>
                            </div>
                            <div class="allsay_img">

                                <ul>
                                    <li>
                                        <div><img src="./img/7.1.webp" alt=""></div>
                                        <div class="asay">
                                            用户评价1<br>
                                            <br><br>
                                            <h6>好评!</h6>
                                        </div>
                                    </li>
                                    <li>
                                        <div><img src="./img/7.2.webp" alt=""></div>
                                        <div class="asay">
                                            用户评价2<br>
                                            <br><br>
                                            <h6>该用户很懒,没有评价!</h6>
                                        </div>
                                    </li>
                                    <li>
                                        <div><img src="./img/7.3.webp" alt=""></div>
                                        <div class="asay">
                                            用户评价3<br>
                                            <br><br>
                                            <h6>好评!</h6>
                                        </div>
                                    </li>
                                </ul>

                            </div>

                        </div>
                    </div>
                    <!-- 联系客服 -->
                    <div class="service">
                        <div class="content">
                            <div>
                                客户服务
                                <div style="width: 230px;margin: 5px auto;"><img src="./img/8.1.PNG" alt=""></div>

                            </div>
                            <div>何为网易严选
                                <div style="width: 300px;margin: 5px auto;"><img src="./img/8.2.PNG" alt=""></div>
                            </div>
                            <div>扫码下载严选APP
                                <div style="width: 260px;margin: 5px auto;"><img src="./img/8.3.PNG" alt=""></div>
                            </div>

                        </div>
                    </div>
                    <!-- 底部 -->
                    <div class="footer">
                        <div class="content">
                            <div class="f_top">
                                <ul>
                                    <li>网易自营电商</li>
                                    <li>30天无忧退换货</li>
                                    <li>满99免邮费</li>
                                    <li>品质保证</li>
                                </ul>
                            </div>
                            <div class="f_bottom">
                                <div>关于我们|帮助中心|售后服务|配送与验收|商务合作|企业采购|开放平台|搜索推荐|友情链接|廉正举报</div>
                                <div>食品经营许可证：JY13301080111719出版物经营许可证：新出发滨字第0132号妙得ICP证号：ICP 证浙B2-20160106浙杭食药监械经营备20171029号营业执照网易公司版权所有 © 1997-2021</div>
                                <div>无线电发射设备销售备案：42202011096855（浙杭）网械企备字[2019]第00119号（粤）网械平台备字（2019）第00004号（粤）-非经营性-2016-0023进口冷链食品管理承诺书</div>
                                <div>食品经营许可证：JY14207050007694浙江省网络食品销售第三方平台提供者备案：浙网食A33010009单用途商业预付卡备案证：330100AAC0024</div>
                                <div>出版物网络交易平台服务经营备案：新出发浙备字第2021006号</div>
                            </div>
                        </div>

                    </div>


</body>

</html>